
@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #65BFF1;
	/*background-image:url("/DrogariaCruzeiro/imagens/fundo_apt.jpg");
	background-repeat: no-repeat; background-position:center center;*/
	margin: 0; /* É uma boa prática para zero a margem e padding do elemento do corpo para explicar diferentes padrões do navegador */
	padding: 0;
	text-align: center; /* Alinhamento do div paginaprincipi centralizado */
	color: #000000;
}
.oneColFixCtr #container {
	width: 1020 px;  /* com menos de 20px de largura 800px completa permite navegador Chrome e evita uma barra de rolagem horizontal */
	background: #65BFF2;
	margin: 0 auto; /* as margens de auto (em conjunto com uma largura) o centro da página*/
	/*border: 1px solid #4D885C;*/
	text-align: center; /* Isso substitui o text-align: center no elemento do corpo. */
	padding: 10px;
}
.oneColFixCtr #mainContent {
	padding: 0 2px; /* Lembre-se que o padding é o espaço dentro da caixa e margin div é o espaço fora da caixa div*/
}

/*===================================================================
body { /*Configuração do corpor de todas as páginas*/
	text-align: center; /*Alinhamento do div paginaprincipi centralizado*/
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*background-image:url("/DrogariaCruzeiro/imagens/fund.gif");*/
	s-background-color: #3BB3C3;
	background-color: #65BFF1;
	
}

*/

/*-------------Formulários--------------------*/
form#frmstylizer {
	margin: auto;
	width: 740px;
	background:#C4D9F6;
	text-align: left;
	text-transform:uppercase;
	background-image: url(/DrogariaCruzeiro/imagens/fundo2.jpg);
	
	border-left: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray; 
}

form#frmConsulta {
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background:#CADDFA;
	text-align: left;
	text-transform:uppercase;
    width: 98%;
}

.borderTabelaconsulta {
	width: 100%;
	background: #CADDFA;
	text-align: center;
}

form#frmsLog {
	color:#3A91CE;
	margin: 20px;
	width: 300px;
	background:#DBE7F5;
	/*background-image: url(/DrogariaCruzeiro/imagens/fundo2.jpg);*/
	height: 200px;
	text-align:center;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

#Log {
	
	color:#3A91CE;
	margin: 0px;
	width: 180px;
	background:#DBE7F5;
	/*background-image: url(/DrogariaCruzeiro/imagens/fundo2.jpg);*/
	height: 70px;
	text-align:right;
}

--fieldset {
	margin: 2px;
	padding-left: 10px;
	border: 12px;
	clear: left;
	
}


form br {
	clear: left;
}

label.full {
	width: 536px;
	color:#3A91CE;
	
}

label.full2 {
	width: 710px;
	color:#3A91CE;
	
}

label.x-large {
	width: 536px;
	color:#3A91CE;
}

label.large { /* Possui IE fix */
	width: 355px;
	color:#3A91CE;
}


label.small { /* Possui IE fix */
	width: 172px;
	color:#3A91CE;
}

label.x-small { /* Possui IE fix */
	width: 81px;
	color:#3A91CE;
}

.textfield,
.select,
text { 
	    text-transform:uppercase;
	    border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-right: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
    	background-color: #ffffff;
	    display: block;
	    width: 100%; text-align: left;
}

.textfieldDesabled{
	    border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-right: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
	    background-color: DAE0F1;
	    display: block;
	   width: 100%; text-align: left;
}


.button {
	width: 100%;
	color: #696969;
}

tr {

    background-image: url(menu.gif);
    text-align:center;

}

	
/*----------------------------------------------*/

ul {
	width: 98%;
	height: 20px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
/*
ul li {
	text-decoration: none;
	display: inline;
	width: 123px;
	height: 20px;
	margin: 2px;
	padding: 2px;
	cursor: pointer;
}

*/
ul li ul {
	text-decoration: none;
	display: none;
	width: 100%;
	height: 20px;
	margin: 0px;
	list-style: none;
	padding: 0px;
}
/*
ul LI:HOVER ul{
	display: block;
	width: 123px;
	height: 20px;
	}
	*/
/*---------------------------------*/

ul li a {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	text-align: center;
	font-size: 16;
	text-decoration: none;
	color: white;
    display: block;
	width: 170px;
	height: 20px;
	padding: 3px;
	margin: 0px;
	list-style: none;
	background-color: #16E2E2;
	/*background-image: url(/DrogariaCruzeiro/imagens/Botao.gif);*/
}

ul li a:hover {
	text-decoration: none;
	color: blue;
	width: 170px;
	height: 20px;
	padding: 3px;
	margin: 0px;
	list-style: none;
	background: #65BFF1;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;

}

#botao1 {
	width: 100%;
	height: 100%;
	color: #3A91CE;
	background-color: #F3F4F8;
	padding-right: 0px;
	margin-right: 0px;
	/*
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray; */
}

#paginaprinci { /*margin-top:0px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -500px;*/
	position: static;
	margin-bottom: 10px;
	text-align: left;
	width: 999px;
	height: 100%;
	background: #3A91CE;
	padding: 0 2px;
	border-style: ridge;
}


#cabecalho {
	position: static;
	/*float: right;*/
	float: none;
	width: 989px;
	height: 90px;
	padding: 0px;
	background: #3A91CE;
	border-color: #14c0f9;
	border-bottom: 2px solid gray;
	padding-bottom: 0px
}



#menu {
	position: static;
	float: left;
	width: 180 px;
	height: 550px;
	/*margin-bottom: 0px;
	padding: 10px;
	background: #9cbbf3;
	*/
	background: #DBE7F5;
	border-color: #14c0f9;
	border-width:3px;
	border-style: ridge;
}

#conteudo {
	position: relative;
	float: right;
	width: 800px;
	height: 550px;
	padding-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background: #387bc0 ;
	border-color: #14c0f9;
	border-width:3px;
	border-style: ridge;
}

#conteudoListar {
	position: relative;
	float: right;
	/* width: 847px;
    height:500px;*/
	width: 989px;;
	height: 100%;
	padding-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background: #9cbbf3;
	border-color: #14c0f9;
	border-width: 2px;
	border-style: ridge;
}
#cabecalhoDaLista {
	position: static;
	float: right;
	width: 100%;
	height: 90px;
	padding: 0px;
	background: #3A91CE;
	border-color: #14c0f9;
	border-bottom: 0px solid gray;
	padding-bottom: 0px
}



#barratopo {
	margin-top: 0px;
	text-align: left;
	width: 100%;
	height: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(/DrogariaCruzeiro/imagens/barra2.jpg);
	padding-right: 0px;
	padding-top: 0px;
	border-bottom: 1px solid #e8e8e8;
}

#rodape {
	float:left;
	width:989px;
	background: #3A91CE;
	border-color: #14c0f9;
	border-width:3px;
	border-style: ridge;
}

#apDiv1 {
	position: absolute;
	left: 252px;
	top: 176px;
	width: 539px;
	height: 221px;
	z-index: 1;
	background: skyblue;
	border-left: 2px solid #e8e8e8;
	border-top: 2px solid #e8e8e8;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

#apDiv2 {
	position: absolute;
	top: 0px;
	width: 799px;
	/* vertical-align:center;*/
	z-index: 2;
	background-color: #0066FF;
	left: -1px;
	height: 80%;
}

#style1 {
	color: #3A91CE;
	background-color: #9cbbf3;
	border-bottom: 2px solid gray;
	width: 100%;
}
.style3 {
	font-size: 30px
}
/*//////////////////////////////////////////////////////////////////////////////*/

.titleDiv {
    background-image:url('/DrogariaCruzeiro/imagens/logocru.jpg');
    font-weight:bold;
    font-size:18px;
    text-align:left;
    margin-left: 0px;
    padding-left:0px;
    padding-top:0px;
    padding-bottom:0px;
    height: 82px;
    width: 450px;

}


.titleDivDireito {
    background-image:url('/DrogariaCruzeiro/imagens/logocruDireito.jpg');
    float: right;
    clear: right; 
    height: 82px;
    width: 450px;
	padding-right: 0px;
	margin-right: 0px;
	
}

input#disabled{
	background-color: #EFFBEF;
	}

h3 {color: blue; color:#ffffff; font-size:12;}
h1 { font-weight:bold; color:#3A91CE; font-size:20; text-align:center;}



.even { background-color: #DBE7F5; }
.odd { background-color: #EAEDEF; }

.nowrap { font-size:12px; height:"26"; text-align:left; text-transform:uppercase; }
/*.nowrap on:FOCUS { background-color: #F0F0F0; white-space:nowrap; font-size:12px; text-align:left; text-transform:uppercase; }*/
.nowrapLateral { white-space:pre; color:#3191D4; font-size:16px;background-image:url('/DrogariaCruzeiro/imagens/ba.gif'); text-align:left; }
.nowrapLateralLater { white-space:pre; font-size:16px; background-color: #3191D4; text-align:left; }
.nowrapConsulta { font-size:16px; color: #3A91CE; background-image:url('/DrogariaCruzeiro/imagens/ba.gif'); text-align:center; }

td { font-size:14px; padding-right:5px; }
th { background-color: #F0F0F0; text-align:left; color:#ffffff; font-weight:bold; font-size:14px; padding-right:0px;
 	border-left: 0px solid #e8e8e8;
	border-top: 1px solid #CDE9F7;
	border-right: 0px solid gray;
	border-bottom: 1px solid gray;
   }
.tdLabel { font-weight: bold; text-align: right; font-size:12px; color:#3A91CE; text-transform:uppercase;}
.tdTextf { font-weight: bold; text-align: left; text-transform:uppercase }


a {text-decoration:none; color: white;}
a:link { text-decoration:none; color: white; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; color: blue;}

.--borderAll {
	
	width: 800px;
	background:#C4D9F6;
	text-align: left;
}

.borderAll {
	width: 98%;
	background:#3191D4;
	text-align: left;
}

.butStnd {
    font-family:arial,sans-serif;
    font-size:11px;
    width:105px;
    background-color:#DCDFFA ;color:#4A825A;font-weight:bold;
}

.error {
    color: red;
    font-weight: bold;
}
.errorSection {
    padding-left:18px;
    padding-top:2px;
    padding-bottom:10px;
    padding-right:5px;
}

.campo {
	color: blue;
	width: 60px;
	float: left;	
}

form {
	border: solid 1px #8F99EF;
	padding: 15px;
	width: 750px;

}

.entrada	{
	border:solid 4px #8F99EF;
	padding: 3px;
	width: 100px;
	margin-bottom: 3px;
}

.errorMessage {
	color:red;
	font-size:10px
}

.actionmessage{
	color:blue;
	font-size:10px
}